const echartsMixin = {
  props: {
    // 图形宽度
    chartWidth: {
      type: String,
      default: '100%'
    },
    // 图形高度
    chartHeight: {
      type: String,
      default: '400px'
    },
    // 图形数据
    chartData: {
      type: Object,
      default: () => ({ columns: [], rows: [] })
    },
    // 其他配置项
    extend: {
      type: Object,
      default: () => ({})
    },
    // 特殊设置项
    settings: {
      type: Object,
      default: () => ({})
    }
  },
  data () {
    return {
      myChart: null // 画图对象置null
    }
  }
  // watch: {
  //   myChart: {
  //     handler() {
  //       this.initChart()
  //     },
  //     deep: true
  //   },
  //   chartWidth() {
  //     if (this.myChart) {
  //       this.myChart.resize()
  //     }
  //   },
  //   chartHeight() {
  //     if (this.myChart) {
  //       this.myChart.resize()
  //     }
  //   }
  // }
}

export default echartsMixin
